<template>
	<view>
		<view class="bw-share-header">
			<text class="bw-text-block">当前拥金</text>
			<text class="bw-text">0.00</text>
			<text class="bw-text-price">(总拥金 0 元)</text>
			<view class="bw-flex">
				<view>
					<text class="bw-today">今日收益</text>
					<text>0</text>
				</view>
				<view>
					<text class="bw-yesterday">昨日收益</text>
					<text>0</text>
				</view>
			</view>
		</view>
		
		<view class="nav">
			<view v-for="(a_item,a_index) in navs" :key="a_index" @click="navUrl(a_item)">
				<text>{{a_item.name}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				navs:[
					{
						name:'分享人统计',
						url:'./referrer'
					},{
						name:'佣金明细',
						url:'./detail'
					},{
						name:'分享海报',
						url:'./poster'
					},{
						name:'提现',
						url:'./withdraw'
					}
				]
			}
		},
		methods:{
			navUrl(e){
				uni.navigateTo({
					url:e.url
				});
			}
		}
	}
</script>

<style>
	page{background-color:#edf2f7;}
</style>
<style scoped lang="less">
	page{background-color:#edf2f7;}
	.bw-share-header{
		width:100%;
		padding-bottom:30rpx;
		background-color:#c53030;
		.bw-text-block{
			display: block;
			text-align: center;
			color:#FFFFFF;
			padding-top:50rpx;
		}
		.bw-text{
			display: block;
			text-align: center;
			color:#FFFFFF;
			padding-top:10rpx;
			font-weight:600;
		}
		.bw-text-price{
			display: block;
			text-align: center;
			color:#FFFFFF;
			padding-top:10rpx;
			font-size:26rpx;
		}
		.bw-flex{
			padding-top:20rpx;
			color:#FFFFFF;
			display: flex;
			justify-content: space-between;
			view{
				width:35%;
				text-align: center;
			}
			
			.bw-today{
				display: block;
				font-size:28rpx;
			}
			
			.bw-yesterday{
				display: block;
				font-size:28rpx;
			}
		}
	}
	
	.nav{
		width:95%;
		padding-top:40rpx;
		margin:0px auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		view{
			width:38%;
			padding:27rpx;
			background-color:#FFFFFF;
			text-align: center;
			font-size:30rpx;
			margin-top:20rpx;
			border-radius:10rpx;
		}
	}
</style>
